<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Dotcão</title>
		
		<link rel="stylesheet" type="text/css" href="css/layout.css" />
		<link rel="stylesheet" type="text/css" href="css/slide.css" />
		<link rel="stylesheet" type="text/css" href="css/testimony.css" />
		<link rel="stylesheet" type="text/css" href="css/forms.css" />
		<link rel="stylesheet" type="text/css" href="css/profile.css" />

		<script type="text/javascript" src="js/jquery/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="js/jquery/jquery-ui-1.8.21.custom.js"></script>
		<script type="text/javascript" src="js/profile.js"></script>
	</head>
	
	<body>
		<div id="all">
			<div id="main">
				<div id="header">
				</div>
				
				<div id="content">
					<div class="form-content">
						<div id="profile-menu">
							<label id="username">Nome do usuário</label>
							<a id="change-profile-picture" href="#">
								<img src="images/layout/change-picture.png" />
								Foto do Perfil
							</a>
							<a href="#">
								<img src="images/layout/edit-profile.png" />
								Dados Pessoais
							</a>
							<a href="#">
								<img src="images/layout/my-animals.png" />
								Meus animais
							</a>
							<a href="#">
								<img src="images/layout/settings.png" />
								Interesses
							</a>
							<a id="back-to-wall" href="#">
								<img src="images/layout/wall.png" />
								Encerrar Alteração
							</a>
						</div>
						
						<div id="profile-content">
							<div id="profile-actions">
								<a href="#">Editar</a>
							</div>
							
							<div id="profile-data">
								Aqui vai ficar carregando as atualizações conforme elas forem acontecendo... <br/><br/>
							</div>
						</div>
					</div>
				</div>
				
				<div class="clear"></div>
			</div>
			
			<div id="footer">
				<ul class="menu">
					<li class="first">
						<a href="#">Home</a>
					</li>
					<li>
						<a href="#">DotCao</a>
					</li>
					<li>
						<a href="#">Fale Conosco</a>
					</li>
					<li>
						<a href="#">Mapa do site</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>